<template>
    <dd-flex gap="1em">
        <dd-button fill="primary">primary</dd-button>
        <dd-button fill="second">second</dd-button>
        <dd-button fill="success">success</dd-button>
        <dd-button fill="warning">warning</dd-button>
        <dd-button fill="danger">danger</dd-button>
        <dd-button fill="#ef32fe">#ef32fe</dd-button>
        <dd-button fill="rgba(153,131,225,.8)">rgba(153,131,225,.8)</dd-button>
    </dd-flex>
    <br />
    <dd-flex gap="1em">
        <dd-button color="primary" plain>primary</dd-button>
        <dd-button color="second" plain>second</dd-button>
        <dd-button color="success" plain>success</dd-button>
        <dd-button color="warning" plain>warning</dd-button>
        <dd-button color="danger" plain>danger</dd-button>
        <dd-button color="#ef32fe" plain>#ef32fe</dd-button>
        <dd-button color="rgba(153,131,225,.8)" plain>rgba(153,131,225,.8)</dd-button>
    </dd-flex>
    <br />
    <dd-flex gap="1em">
        <dd-button color="primary" ghost>primary</dd-button>
        <dd-button color="second" ghost>second</dd-button>
        <dd-button color="success" ghost>success</dd-button>
        <dd-button color="warning" ghost>warning</dd-button>
        <dd-button color="danger" ghost>danger</dd-button>
        <dd-button color="#ef32fe" ghost>#ef32fe</dd-button>
        <dd-button color="rgba(153,131,225,.8)" ghost>rgba(153,131,225,.8)</dd-button>
    </dd-flex>
</template>
